<template>
		<swiper class="swiper" :style="{
			height: 4 <= 4 ? '170rpx' : '360rpx'
		}" >
			<swiper-item class="swiper-item">
				<lyz-grid @tapGrid="tapGrid" :border="false" :columnNum="4"
					:columns="[{
						title:'美妆个护',
						icon:'http://www.liwanying.top/applate-icon/meizhuang2x.png'
					},
					{
						title:'母婴',
						icon:'http://www.liwanying.top/applate-icon/muying2x.png'
					},{
						title:'内衣',
						icon:'http://www.liwanying.top/applate-icon/neiyi2x.png'
					},{
						title:'女装',
						icon:'http://www.liwanying.top/applate-icon/nvzhuang2x.png'
					}]">
				</lyz-grid>
			</swiper-item>
			 <swiper-item class="swiper-item">
			        <lyz-grid @tapGrid="tapGrid" :border="false" :columnNum="4"
			            :columns="[{
			                title:'男装',
			                icon:'http://www.liwanying.top/applate-icon/nanzhuang2x.png'
			            },
			            {
			                title:'箱包配饰',
			                icon:''
			            },{
			                title:'家居家纺',
			                icon:'http://www.liwanying.top/applate-icon/jiaju2x.png'
			            },{
			                title:'食品生鲜',
			                icon:''
			            }]">
			        </lyz-grid>
			    </swiper-item>
		</swiper>
</template>

<script setup>
	const tapGrid = () => {
		uni.showToast({
			icon:'none',
			title: '没做，别点。'
		})
	}
</script>

<style lang="scss" scoped>
</style>
